<style lang="less" scoped>
	@border-color:#E3E8EA;//边框颜色
	@font-color:#686E71;//正常字体颜色
	@primary-color:#FE9333;//橘黄色默认颜色
	@write-color:#fff;
	*{
        word-wrap:break-word;
	}
	.aboutOne{
		margin-top: 60px;
		width: 100%;
		height: 700px;
		background: url('../../images/about_banner.png') no-repeat center;
	}
	.aboutTwo{
		padding: 90px 0 70px 0;
		text-align: center;
		.p1{
			font-size: 40px;
			color: #FB9132;
			line-height: 56px;
			margin-bottom: 10px;
		}
		.p2{
			font-size: 24px;
			color: #FB9132;
			line-height: 33px;
			margin-bottom: 30px;
		}
		.p3{
			width: 80%;
			margin: 0 auto;
			text-align: left;
			font-size: 14px;
			font-size: 14px;
			color: #686E71;
			line-height: 26px;
			margin-bottom: 30px;
		}
	}
	.aboutThree{
		width: 100%;
		height: 400px;
		background: url('../../images/adout_join.png') no-repeat center;
		text-align: center;
		padding-top: 99px;
		.p1{
			font-size: 40px;
			line-height: 56px;
			color: #FFFFFF;
		}
		.p2{
			width: 38%;
			font-size: 16px;
			color: #FFFFFF;
			line-height: 26px;
			margin: 17px auto  0;
			text-align: left;
		}
		.p3{
			width: 220px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 18px;
			color: #FB9132;
			background: #FFFFFF;
			box-shadow: 4px 4px 6px 0 rgba(0,0,0,0.10);
			border-radius: 100px;
			margin: 40px auto 0;
			cursor: pointer;
		}
	}
	.aboutFour{
		width: 100%;
		height: 600px;
		background: url('../../images/about_conect.png') no-repeat center;
		.content{
			width: 380px;
			height: 460px;
			background: #FFFFFF;
			box-shadow: 0 0 4px 0 rgba(0,0,0,0.23);
			float: right;
			margin-right: 220px;
			margin-top: 70px;
			padding: 40px 46px 44px 46px;
			.p1{
				font-size: 30px;
				color: #FB9132;
				line-height: 42px;
			}
			.p2{
				font-size: 18px;
				color: #FB9132;
				line-height: 24px;
				margin-bottom: 10px;
			}
			.p3{
				font-size: 14px;
				color: #686E71;
				line-height: 22px;
			}
			img{
				width: 288px;
				height: 100px;
				margin-top: 43px;
			}
		}
	}
	@media screen and (max-width: 1500px) {
		.aboutOne{
			margin-top: 60px;
			width: 100%;
			height: 600px;
			background: url('../../images/about_banner.png') no-repeat center;
		}
		.aboutTwo{
			padding: 90px 0 70px 0;
			text-align: center;
			.p1{
				font-size: 40px;
				color: #FB9132;
				line-height: 56px;
				margin-bottom: 10px;
			}
			.p2{
				font-size: 24px;
				color: #FB9132;
				line-height: 33px;
				margin-bottom: 30px;
			}
			.p3{
				width: 73%;
				margin: 0 auto;
				text-align: left;
				font-size: 14px;
				font-size: 14px;
				color: #686E71;
				line-height: 26px;
				margin-bottom: 30px;
			}
		}
		.aboutThree{
			width: 100%;
			height: 400px;
			background: url('../../images/adout_join.png') no-repeat center;
			text-align: center;
			padding-top: 99px;
			.p1{
				font-size: 40px;
				line-height: 56px;
				color: #FFFFFF;
			}
			.p2{
				width: 38%;
				font-size: 16px;
				color: #FFFFFF;
				line-height: 26px;
				margin: 17px auto  0;
				text-align: left;
			}
			.p3{
				width: 220px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				font-size: 18px;
				color: #FB9132;
				background: #FFFFFF;
				box-shadow: 4px 4px 6px 0 rgba(0,0,0,0.10);
				border-radius: 100px;
				margin: 40px auto 0;
				cursor: pointer;
				a{
					display: block;
					color: #FB9132;
				}
			}
		}
		.aboutFour{
			width: 100%;
			height: 600px;
			background: url('../../images/about_conect.png') no-repeat center;
			.content{
				width: 380px;
				height: 460px;
				background: #FFFFFF;
				box-shadow: 0 0 4px 0 rgba(0,0,0,0.23);
				float: right;
				margin-right: 11.5%;
				margin-top: 70px;
				padding: 40px 46px 44px 46px;
				.p1{
					font-size: 30px;
					color: #FB9132;
					line-height: 42px;
				}
				.p2{
					font-size: 18px;
					color: #FB9132;
					line-height: 24px;
					margin-bottom: 10px;
				}
				.p3{
					font-size: 14px;
					color: #686E71;
					line-height: 22px;
				}
				img{
					width: 288px;
					height: 100px;
					margin-top: 43px;
				}
			}
		}
	}
</style>
<template>
	<div>
		<v-header :loginBack="loginBackFn"></v-header> 
		<div class="aboutOne"></div>
		<div class="aboutTwo">
			<p class="p1">关于我们</p>
			<p class="p2">我们致力于打造全国 “最大” 的在线人物传记平台</p>
			<p class="p3">这是一群由梦想不将就的人构成的团队。从一开始，我们就打算做点不一样的事情，去影响甚至改变这个将就的世界。我们选择了互联网作为实践梦想的第一步，我们同样信仰这个世界上有这样一群的你们，热衷互联网生活、有品位、乐分享，酷爱一切精致与新鲜，愿意为美好喝彩。</p>
			<p class="p3">“星星网”人物传记平台，我们改变世界的第一个翘板。它提供了以用户为中心的产品，给移动化平台带来了无限的可能性。无论你是如何发现久星。都将为它超乎想象的产品而感到惊喜。我们相信，它在用自己的方式，推动着互联网的变革，同时改变着我们每一个人的生活方式。</p>
			<p class="p3">这就是久星，是关于我们的，因梦想而立的故事，从这一天开始，一切都不平常！</p>			
		</div>
		<div class="aboutThree">
			<p class="p1">加入有信仰的团队</p>
			<p class="p2">我们相信，深信，坚信，所以我们对产品有些神经质般的偏执。如果你也相信星星网并乐于追求极致，欢迎你来挑战星星网的大量开放岗位，我们需要你和我们一起去做一件伟大的事情！</p>
			<p class="p3"><a href="https://www.lagou.com/gongsi/134473.html" target="_blank">查看职位</a></p>
		</div>
		<div class="aboutFour">
			<div class="content">
				<p class="p1">联系我们</p>
				<p class="p2">上海久星网络科技有限公司</p>
				<p class="p3">
					上海久星网络科技有限公司
					<br />Tel : 021-64020620
					<br />Fax : 021-64976037
					<br />Mobile : 17317753770
					<br />E-Mail : service@lifebook.xin
					<br />Addr : 上海闵行区景联路398号
					<br />Website : www.lifebook.xin
				</p>
				<img src="../../images/about_company.png" />
			</div>
		</div>
		<v-footer></v-footer> 
	</div>
</template>
<script>
    import { USER_SIGNIN } from 'store/user'
   	import global from '../../config/global'
	import { mapState } from 'vuex'
    export default {
		data(){
			return{
				
			}
		},
		created() {
			
		},
		components: {
        },
		watch:{
		},
		mounted(){
		},
		methods:{
			loginBackFn(){
				return { path: '/aboutus'};//跳转传记页面
			},
		}
    }
</script>